<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/travelnotedetail.css" rel="stylesheet" type="text/css">
    <link href="/styles/myComment.css" rel="stylesheet" type="text/css">
    <link href="/styles/upload.css" rel="stylesheet" type="text/css">
    <link
            href="https://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1559526017.css"
            rel="stylesheet" type="text/css"/>

    <link href="https://css.mafengwo.net/css/cv/css+mdd+scenic-v2:css+mdd+mfw-reviews^YFI^1530619858.css"
          rel="stylesheet" type="text/css"/>

    <link href="https://css.mafengwo.net/css/mdd/mfw-reviews.css?1530619858" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/system/travelnotedetail.js"></script>
    <script type="text/javascript" src="/js/system/emoji.js"></script>
    <script type="text/javascript" src="/js/plugins/comment/jQuery.upload.js"></script>

    <script>
        $(function () {
            //点评点击事件
            $(".btn-reviews").click(function () {
                var scroll_offset = $(".mfw-reviews").offset(); //得到pos这个div层的offset，包含两个值，top和left
                $("body,html").animate({
                    scrollTop: scroll_offset.top //让body的scrollTop等于pos的top，就实现了滚动
                }, 0);
            });
            //显示点评
            $(".btn-commentview").click(function () {
                var scroll_offset = $(".commentview").offset();
                $("body,html").animate({
                    scrollTop: scroll_offset.top
                }, 0);
            });

            //星星点击事件
            $(".click-star a").click(function () {

                //获取星星的数值
                num = $(this).data('num');

                $(".star").removeClass().addClass('star _j_starcount star' + num);
            });

            //发表点评
            $(".commentBtn").click(function () {
                if (!$("#commentContent").val()) {
                    alert("评论不能为空");
                    return;
                }

                $("#star_num").val(num);

                $("#commentForm").ajaxSubmit(function (data) {
                    if (data.success) {
                        window.location.reload();
                        var scroll_offset = $(".commentview").offset();
                        $("body,html").animate({
                            scrollTop: scroll_offset.top
                        }, 0);

                    }
                })
            });

            $(function () {
                //回复点评
                $("#_j_reply_list").on("click", ".commentReplyBtn", function () {
                    /*var touser = $(this).data("touser");
                    var toid = $(this).data("toid");
                    $(".comment_reply").focus();

                    $("#replyType").val(1);
                    $("#refReplyId").val(toid);*/
                });

                //回复回复
                $(".re_reply").click(function () {
                    if (!$("._j_reply").val()) {
                        alert("评论不能为空");
                        return;
                    }
                    $("#replyForm").ajaxSubmit(function (data) {
                        if (data.success) {
                            window.location.reload();
                        }
                    })
                });

                //回复点评
                $(".btn_submit_reply").click(function () {
                    if (!$("#replyContent").val()) {
                        alert("评论不能为空");
                        return;
                    }
                    $("#replyForm").ajaxSubmit(function (data) {
                        if (data.success) {
                            window.location.reload();
                        }
                    })
                });

                //点赞
                $(".useful").click(function () {

                    var commentid = $(this).data("id");
                    var fromid = $(this).data("fromid");

                    $.get("/scenery/commentThumbUp", {fromid: fromid, commentId: commentid}, function (data) {
                        if (data.success) {
                            $(".useful-num").html(data.data);
                            popup("点赞成功啦"); //

                        } else {

                            popup("取消点赞");
                            var number = (data.data);
                            $(".useful-num").html(number)


                        }
                    });
                });


                //点击评论
                $(".commentReplyBtn").click(function () {
                    $(".add-comment").toggle();
                });

            })

        })
    </script>

    <script type="text/javascript">
        $(function () {
            $("#case").upload(
                //该函数为点击放大镜的回调函数，如没有该函数，则不显示放大镜
                function (_this, data) {
                    //console.log(data)
                }
            );
        })
    </script>


</head>
<body>
<#assign currentNav="travel">
<#include "../common/navbar.ftl">

<form id="fileForm" enctype="multipart/form-data" style="display: none" method="post">
    <input type="file" id="inputFile" name="pic">
</form>

<div class="main">
    <div class="container" data-cs-t="景点详情页">


        <div class="row row-top">
            <div class="wrapper">
                <div class="extra">
                    <!-- 天气 S-->
                    <div class="weather" data-cs-p="天气">
                        <a href="/weather/10088.html" target="_blank">
                            <img src="http://images.mafengwo.net/images/mdd_weather/icon/icon34.png" width="25"
                                 height="25"/>
                            <span>中雨 28℃~36℃</span>
                        </a>
                    </div>
                    <!-- 天气 E-->
                    <!-- 收藏去过 S-->
                    <div class="action _j_rside want-been">
                        <div class="been-box">
                            <a class="_j_beenpoi btn-been _j_hovergo" href="/path/" target="_blank" title="添加至我的足迹"
                               data-cs-p="足迹">
                                <i class="icon"></i>
                                <span class="txt">去过</span>
                            </a>
                            <div class="rate-pop" style="display:none;">
                                <div class="rank-star">
                                    <span class="s-star s-star0"></span>
                                    <div class="click_star">
                                        <a title="1星" rel="nofollow" data-num="1"></a>
                                        <a title="2星" rel="nofollow" data-num="2"></a>
                                        <a title="3星" rel="nofollow" data-num="3"></a>
                                        <a title="4星" rel="nofollow" data-num="4"></a>
                                        <a title="5星" rel="nofollow" data-num="5"></a>
                                    </div>
                                </div>
                                <span class="rank-hint">必去推荐</span>
                            </div>
                        </div>
                        <a class="_j_favpoi btn-collect " href="/plan/fav.php?iMid=10088" target="_blank" title="添加收藏"
                           data-cs-p="收藏">
                            <i class="icon"></i>
                            <span class="txt">收藏</span>
                        </a>
                    </div>
                    <!-- 收藏去过 E-->
                </div>
                <!-- 面包屑 S-->
                <div class="crumb" data-cs-p="面包屑">
                    <div class="item"><a href="/mdd/" target="_blank">目的地</a><em>&gt;</em></div>
                    <div class="item">
                        <a href="#">广州</a>
                        <em>&gt;</em>
                    </div>
                    <div class="item cur">广州景点</div>
                </div>
                <!-- 面包屑 E-->

                <!-- POI名称 S-->
                <div class="title">
                    <h1>${detail.title!}</h1>
                    <div class="en">${detail.subTitle!}</div>
                </div>
                <!-- POI名称 E-->

                <!-- 快捷导航 S-->
                <div class="r-nav" id="poi-navbar" data-cs-p="快捷导航">
                    <ul class="clearfix">
                        <li data-scroll="overview" class="on">
                            <a title="概况">概况</a>
                        </li>
                        <li data-scroll="attractions" style="display: none">
                            <a title="景点亮点">景点亮点</a>
                        </li>
                        <li data-scroll="commentlist">
                            <a class="btn-commentview" title="蜂蜂点评">蜂蜂点评<span>（5595条）</span></a>
                        </li>
                        <li data-scroll="comment" class="nav-right">
                            <a class="btn-reviews" title="我要点评">我要点评</a>
                        </li>
                    </ul>
                </div>
                <!-- 快捷导航 E-->
            </div>
        </div>

        ${detail.sceneryContent.content!}

        <!-- 评论列表 S -->
        <div data-anchor="commentlist" class="commentview">
            <div id="pagelet-block-159aabeb1751d61077017f718d03f1e5" class="pagelet-block"
                 data-api=":poi:pagelet:poiCommentListApi" data-params="{&quot;poi_id&quot;:&quot;25091&quot;}"
                 data-async="1" data-controller="/js/poi/ControllerPoiComment">
                <div class="mod mod-reviews" data-cs-p="评论列表">
                    <div class="mhd mhd-large">蜂蜂点评<span>（共有<em>5596</em>条真实评价）</span></div>
                    <div class="review-nav">
                        <ul class="clearfix">
                            <li data-type="0" data-category="0" class="on"><span class="divide"></span><a
                                        href="javascript:void(0);"><span>全部</span></a></li>
                            <li data-type="0" data-category="2" class="">
                                <span class="divide"></span>
                                <a href="javascript:void(0);"><span>有图</span><span class="num"> (1358条)</span></a>
                            </li>
                            <li data-type="1" data-category="13" class="">
                                <span class="divide"></span>
                                <a href="javascript:void(0);">
                                    <span>好评</span>
                                    <span class="num">（4753条）</span>
                                </a>
                            </li>
                            <li data-type="1" data-category="12" class="">
                                <span class="divide"></span>
                                <a href="javascript:void(0);">
                                    <span>中评</span>
                                    <span class="num">（750条）</span>
                                </a>
                            </li>
                            <li data-type="1" data-category="11" class="">
                                <span class="divide"></span>
                                <a href="javascript:void(0);">
                                    <span>差评</span>
                                    <span class="num">（93条）</span>
                                </a>
                            </li>
                            <li data-type="2" data-category="178487584" class="">
                                <span class="filter-word divide"></span>
                                <a href="javascript:void(0);">标志性建筑<span class="num">（535人提及）</span></a>
                            </li>
                            <li data-type="2" data-category="103125314" class="">
                                <span class="filter-word divide"></span>
                                <a href="javascript:void(0);">人很多<span class="num">（141人提及）</span></a>
                            </li>
                            <li data-type="2" data-category="183864017" class="">
                                <span class="filter-word divide"></span>
                                <a href="javascript:void(0);">值得去<span class="num">（118人提及）</span></a>
                            </li>
                            <li data-type="2" data-category="104277092" class="">
                                <span class="filter-word divide"></span>
                                <a href="javascript:void(0);">恐高<span class="num">（112人提及）</span></a>
                            </li>
                            <li data-type="2" data-category="176664633" class="">
                                <span class="filter-word divide"></span>
                                <a href="javascript:void(0);">交通方便<span class="num">（92人提及）</span></a>
                            </li>
                            <li data-type="0" data-category="1" class="">
                                <span class="divide"></span>
                                <a href="javascript:void(0);"><span>金牌点评</span><span class="num"> (33条)</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="loading-img" style="display: none;"><img
                                src="http://images.mafengwo.net/images/weng/loading3.gif"> Loading...
                    </div>

                    <div class="_j_commentlist" id="_j_reply_list">
                        <#list list as comment>
                            <div class="mfw-cmt rev-list">
                                <ul>
                                    <li class="rev-item comment-item clearfix">

                                        <!-- 评论 -->
                                        <div class="mfw-cmt _j_comment_item">
                                            <div class="user"><a class="avatar" href="#" target="_blank"><img
                                                            src="${comment.headUrl!}"
                                                            width="48" height="48"></a><span
                                                        class="level">LV.${comment.userLevel!}</span></div>
                                            <a class="useful" data-id="${comment.id!}" data-fromid="${userInfo.id}"
                                               title="点赞">
                                                <i></i><span class="useful-num">${comment.thumbupnum!}</span>
                                            </a>
                                            <a class="name" href="#" target="_blank">${comment.username!}</a>
                                            <span class="s-star s-star${comment.statNum!}"></span>
                                            <p class="rev-txt">${comment.content!}</p>


                                            <div class="rev-img">
                                                <#list comment.imgArr! as img>
                                                    <a href="#" target="_blank"><img src="/${img}" width="200"
                                                                                     height="120"></a>
                                                </#list>
                                            </div>

                                            <div class="info clearfix">
                                                <a class="btn-comment _j_comment commentReplyBtn" title="添加回复"
                                                   data-touser="${comment.username!}"
                                                   data-toid="${comment.id!}" id="${comment.id!}">回复点评</a>
                                                <span class="time">${(comment.createTime?string("yyyy-MM-dd"))!}</span>
                                            </div>
                                        </div>


                                        <!-- 回复模板 -->
                                        <div class="mfw-cmt _j_reply_item">
                                            <div class="comment add-reply ">

                                                <ul class="more_reply_box comment_list">


                                                    <#list comment.sceneryReplies as reply>

                                                        <li>
                                                            <a href="#" target="_blank">
                                                                <img src="${reply.headUrl}"
                                                                     width="16"
                                                                     height="16">${(reply.username)!}
                                                            </a>
                                                            ：${(reply.content)!}
                                                            <a class="_j_reply re_reply"
                                                               data-touser="${(reply.username)!}"
                                                               data-toid="${(reply.id)!}"
                                                               title="添加回复">回复</a>
                                                            <br><span
                                                                    class="time">${(reply.createTime?string("yyyy-MM-dd"))!}
                                                        </span>
                                                        </li>

                                                        <div class="mcmt-quote">
                                                        </div>
                                                        <div class="mcmt-word">

                                                        </div>

                                                    </#list>


                                                </ul>


                                                <div class="add-comment hide reply-form">
                                                    <form action="/scenery/replyAdd" method="post" id="replyForm">

                                                        <input type="hidden" name="commentId" value="${comment.id!}">

                                                        <#--<input type="hidden" name="type" value="0" id="replyType">
                                                        <input type="hidden" name="refReply.id" id="refReplyId">-->

                                                        <textarea class="comment_reply"
                                                                  style="color: #000000;" id="replyContent"
                                                                  name="content">
                                                        </textarea>

                                                    </form>
                                                    <a class="btn btn_submit_reply">回复</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                        </#list>

                        <#--<div align="right" class="m-pagination">
                            <span class="count">共<span>5</span>页 / <span>5596</span>条</span>

                            <span class="pg-current">1</span>
                            <a class="pi" data-page="2" rel="nofollow" title="第2页">2</a>
                            <a class="pi" data-page="3" rel="nofollow" title="第3页">3</a>
                            <a class="pi" data-page="4" rel="nofollow" title="第4页">4</a>
                            <a class="pi" data-page="5" rel="nofollow" title="第5页">5</a>

                            <a class="pi pg-next" data-page="2" rel="nofollow" title="后一页">后一页</a>
                            <a class="pi pg-last" data-page="5" rel="nofollow" title="末页">末页</a>
                        </div>-->


                    </div>


                    <div class="more">
                        <a href="/poi/youji-25091.html" target="_blank">查看相关游记</a>
                    </div>
                </div>

                <script type="text/x-jquery-tmpl" class="reply_tmpl">
                </script>
            </div>
        </div>
        <!-- 评论列表 E -->

        <div data-anchor="recommend">

            <!-- 机加酒 S -->
            <div data-pagelet id="pagelet-block-4980adce85cbc91b734ddfe37b8dbdf8" class=""
                 data-api=":poi:pagelet:poiSalesApi" data-params="{&quot;poi_id&quot;:&quot;25091&quot;}" data-async="1"
                 data-controller="/js/poi/ControllerPoiSales"></div>
            <!-- 机加酒 E -->

            <!-- 附近美食 S -->
            <div data-pagelet id="pagelet-block-7606916fcd5013c91c2339533af417dd" class=""
                 data-api=":poi:pagelet:poiAroundApi"
                 data-params="{&quot;poi_id&quot;:&quot;25091&quot;,&quot;type&quot;:&quot;cy&quot;}" data-async="1"
                 data-controller="/js/poi/ControllerPoiAround"></div>
            <!-- 附近美食 E -->


            <!-- 附近酒店 S -->
            <div data-pagelet id="pagelet-block-0b36309b793a73d5679296480d2e95ee" class=""
                 data-api=":poi:pagelet:poiAroundApi"
                 data-params="{&quot;poi_id&quot;:&quot;25091&quot;,&quot;type&quot;:&quot;hotel&quot;,&quot;area&quot;:1}"
                 data-async="1" data-controller="/js/poi/ControllerPoiAround"></div>
            <!-- 附近酒店 E -->
        </div>

        <!-- 点评 S -->
        <div data-anchor="comment">
            <div class="row row-reviewForm" id="comment_20190718192433" data-cs-p="点评">
                <div class="wrapper">

                    <div class="mfw-reviews">
                        <div id="_j_commentform_cnt">
                            <h2>
                                <strong>广州塔</strong>
                                <em>*</em>为必填选项
                            </h2>
                            <form action="/scenery/commentAdd" method="post" class="_j_commentdialogform"
                                  data-typeid="3" id="commentForm">
                                <input type="hidden" name="sceneryId" value="${detail.id!}"/>
                                <input type="hidden" name="sceneryName" value="${detail.title!}"/>
                                <input type="hidden" id="star_num" name="statNum" value=""/>
                                <div class="review-item item-star">
                                    <div class="label"><em>*</em>总体评价</div>
                                    <div class="review-star _j_rankblock" data-star="" name="rank">
                                        <!-- 星星数量 -->
                                        <span class="star _j_starcount"></span>
                                        <div class="click-star _j_starlist">
                                            <a role="button" title="千万别去" rel="nofollow" data-num="1"></a>
                                            <a role="button" title="不推荐" rel="nofollow" data-num="2"></a>
                                            <a role="button" title="一般般" rel="nofollow" data-num="3"></a>
                                            <a role="button" title="值得一去" rel="nofollow" data-num="4"></a>
                                            <a role="button" title="必须推荐" rel="nofollow" data-num="5"></a>
                                        </div>

                                    </div>
                                    <span class="txt-tips _j_startip">点击星星打分</span>
                                </div>

                                <div class="review-item item-comment">
                                    <div class="label"><em>*</em>评价</div>
                                    <div class="content">
                                        <textarea class="_j_commentarea" name="content" essential="1"
                                                  data-inputname="点评内容" placeholder="详细、客观、真实，130字以上为佳！上传图片会加分哦！"
                                                  data-minlen="15" data-maxlen="1000" id="commentContent"></textarea>
                                        <p class="_j_commentcounttip">15-1000个字</p>
                                    </div>
                                </div>

                                <div class="review-item item-photo">
                                    <div class="label">上传照片</div>
                                    <div class="content">

                                        <div action="/scenery/updateImg" class="upload" id="case" data-num="10"
                                             data-type="jpg,jpeg,png,gif" style="width: 80%"></div>
                                    </div>

                                </div>

                                <div class="review-item item-action">
                                    <a class="btn-large commentBtn" role="button" title="提交点评">提交点评</a>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- 点评 E -->

                </div>
            </div>
        </div>

    </div>

</div>

<#include "../common/footer.ftl">

</body>

</html>